<header
  class="flex justify-center flex-col max-w-xl mx-auto items-center pt-12"
>
  <h1 class="font-bold items-center mb-8 mt-4 flex gap-4 animate-fade-in-up">
    <span class="flex flex-col text-center gap-3 sm:gap-0">
      <span
        class="tracking-tighter text-7xl px-1 bg-clip-text inline-block text-transparent bg-gradient-to-r from-slate-400 to-slate-600 sm:text-9xl"
        >100</span
      >
      <span class="tracking-tighter text-slate-800 text-[32px] sm:text-[48px] -mt-8"
        >proyectos</span
      >
    </span>

    <span class="rotate-6">
      <svg
        class="rounded"
        width="128"
        height="128"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 630 630"
      >
        <rect width="630" height="630" fill="#f7df1e"></rect>
        <path
          d="m423.2 492.19c12.69 20.72 29.2 35.95 58.4 35.95 24.53 0 40.2-12.26 40.2-29.2 0-20.3-16.1-27.49-43.1-39.3l-14.8-6.35c-42.72-18.2-71.1-41-71.1-89.2 0-44.4 33.83-78.2 86.7-78.2 37.64 0 64.7 13.1 84.2 47.4l-46.1 29.6c-10.15-18.2-21.1-25.37-38.1-25.37-17.34 0-28.33 11-28.33 25.37 0 17.76 11 24.95 36.4 35.95l14.8 6.34c50.3 21.57 78.7 43.56 78.7 93 0 53.3-41.87 82.5-98.1 82.5-54.98 0-90.5-26.2-107.88-60.54zm-209.13 5.13c9.3 16.5 17.76 30.45 38.1 30.45 19.45 0 31.72-7.61 31.72-37.2v-201.3h59.2v202.1c0 61.3-35.94 89.2-88.4 89.2-47.4 0-74.85-24.53-88.81-54.075z"
        ></path>
      </svg>
    </span>
  </h1>
</header>
